<template>
    <div>
        <h1>注册豆瓣</h1>
        <p>新手机号将自动注册，请详读<span>豆瓣使用协议、豆瓣个人信息保护政策</span></p>
        <input type="text"> <br>
        <input type="text"> <br>
        <button>注册</button>
    </div>
</template>

<script setup>
import { ref } from 'vue';

</script>

<style>
h1 {
    text-align: center;
}

p {
    font-size: 16px;
}

span {
    color: green;
}

input {

    width: 70%;
    height: 40px;
    margin-top: 20px;
    margin-left: 30px;
}

button {
    width: 70%;
    height: 50px;
    margin-top: 20px;
    margin-left: 30px;
    background-color: green;
}
</style>